<!-- 友情链接 -->
<template>
    <div>
        <Header />
        <div class="container">
            <el-row :gutter="30">
                <el-col :sm="24" :md="16" style="transition:all .5s ease-out;margin-bottom:30px;">
                    <Friends />
                    <Message />
                </el-col>
                <el-col :sm="24" :md="8" >
                    <Rightlist />
                </el-col>
            </el-row>
        </div>
        <Foot />
    </div>
</template>

<script>
import header from '../components/header.vue'
import friends from '../components/friends.vue'
import rightlist from '../components/rightlist.vue'
import message from '../components/message.vue'
import footer from '../components/footer.vue'
export default {
    name: 'FriendsLink',
    components: { //定义组件
        'Header':header,
        'Message':message,
        'Friends':friends,
        'Rightlist':rightlist,
        'Foot':footer
    }
}
</script>